import Vue from 'vue'
import App from './App.vue'

// 注册一个全局指令
// Vue.directive('指令名称', { // 指令的生命周期函数 })

// v-focus
Vue.directive('focus', {
  // el: 指令绑定的DOM元素
  inserted(el){
    // console.log(el)
    el.focus()
  }
})

// v-color="值"
Vue.directive('color', {

  // inserted(el, binding){} 只会被执行一次
  inserted(el, binding){
    // console.log(el, binding.value)
    // 设置文字颜色为红色
    el.style.color = binding.value
  },
  // 如果指令的值改变，要去执行方法
  update(el, binding){
    el.style.color = binding.value
  }
})

new Vue({
  render: h => h(App),
}).$mount('#app')
